function GameControls({ onStart, onOpenFindSeries }) {
    return (
        <div className="space-y-4" data-name="game-controls">
            <button
                onClick={onStart}
                className="w-full bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 text-white font-bold py-4 px-6 rounded-xl transition duration-200 shadow-lg hover:shadow-xl transform hover:-translate-y-0.5"
                data-name="start-button"
            >
                Start Game
            </button>

            <button
                onClick={onOpenFindSeries}
                className="w-full text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium py-2 px-4 transition duration-200 underline underline-offset-2"
                data-name="find-series-button"
            >
                Try other Find games
            </button>

            <div className="flex items-center justify-center gap-4" data-name="game-settings">
                <ThemeToggle />
                <SoundToggle />
            </div>
        </div>
    );
}
